<body>
    <div class="x-nav">
        <span class="layui-breadcrumb">
          <a><cite>首页</cite></a>
          <a><cite>会员管理</cite></a>
          <a><cite>角色管理</cite></a>
        </span>
        <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"  href="javascript:location.replace(location.href);" title="刷新"><i class="layui-icon" style="line-height:30px">ဂ</i></a>
    </div>
    <div class="x-body">
        <xblock><button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon">&#xe640;</i>批量删除</button><button class="layui-btn" onclick="role_add('添加角色','{:U('admin/admin/role_add')}','1000','560')"><i class="layui-icon">&#xe608;</i>添加</button><span class="x-right" style="line-height:40px">共有数据：{$count} 条</span></xblock>
        <table class="layui-table">
            <thead>
                <tr>
                    <th>
                        <input type="checkbox" name="select-all" value="" id="select-all">
                    </th>
                    <th>
                        ID
                    </th>
                    <th>
                        角色名
                    </th>
                    <th>
                        拥有权限规则
                    </th>
                    <th>
                        操作
                    </th>
                </tr>
            </thead>
            <tbody id="x-link">
            <?php foreach ($auth_group as $agk => $agv): ?>
                <tr>
                    <td>
                        <input type="checkbox" value="{$agv['id']}" name="selected" class="selected">
                    </td>
                    <td>
                        {$agv['id']}
                    </td>
                    <td>
                        {$agv['title']}
                    </td>
                    <td >
                        {$agv['rule_cate']}
                    </td>
                    <td class="td-manage">
                        <a title="编辑" href="javascript:;" onclick="role_edit('编辑','{:U('admin/admin/role_edit',array('id'=>$agv['id'],'key'=>$agk))}','1000','560')"
                        class="ml-5" style="text-decoration:none">
                            <i class="layui-icon">&#xe642;</i>
                        </a>
                        <a title="删除" href="javascript:;" onclick="role_del(this,'$agv['id']')" 
                        style="text-decoration:none">
                            <i class="layui-icon">&#xe640;</i>
                        </a>
                    </td>
                </tr>
            <?php endforeach ?>
            </tbody>
        </table>
    </div>
    <script>
        layui.use(['laydate','element','laypage','layer'], function(){
            $ = layui.jquery;//jquery
          laydate = layui.laydate;//日期插件
          lement = layui.element();//面包导航
          laypage = layui.laypage;//分页
          layer = layui.layer;//弹出层

          //以上模块根据需要引入
        });

        //全选
        $('#select-all').on('click', function () {
            if ($(this).is(':checked')) {
                $('.selected').prop("checked",true);
                $(this).prop("checked",'checked',true);
            } else {
                $(this).prop('checked',false);
                $('.selected').prop('checked',false);
            }
        });
        //单选(全选后取消一项全选按钮个勾选状态消失)
        $("#x-link").on("change",".selected", function() {
            var count = $(".selected:checked").length;
            if (count == $('tr').length - 1) {
                $('#select-all').prop('checked',true);
            } else {
                $('#select-all').prop('checked',false);
            }
        });

        //批量删除提交
        function delAll () {
            // console.log();
            layer.confirm('确认要删除吗？',function(index){
                //捉到所有被选中的，发异步进行删除
                var id = '';
                $($("input.selected:checked")).each(function(){
                    id+=this.value + ',';    //遍历被选中CheckBox元素的集合 得到Value值
                });
                id=id.substring(0,id.length-1)
                if (id=='' || id==undefined || id==null) {
                    layer.msg('至少选择一条删除项', {icon: 2});
                    return false;
                }
                $.post('{:U("admin/admin/role_del")}', {del: id}, function(response) {
                    if (response.type == 1) {
                        layer.msg(response.info, {icon: 1});
                        window.location.reload();
                    } else if(response.type == 0) {
                        layer.msg(response.info, {icon: 2});
                    }
                });
            });
         }
         /*添加*/
        function role_add(title,url,w,h){
            x_admin_show(title,url,w,h);
        }
         
        //编辑
        function role_edit (title,url,w,h) {
            x_admin_show(title,url,w,h); 
        }
        /*删除*/
        function rule_del(obj,id){
            layer.confirm('确认要删除吗？',function(){
                //发异步删除数据
                $.post('{:U("admin/admin/rule_del")}', {del: id}, function(response) {
                    if (response.type == 1) {
                        layer.msg(response.info,{icon:1,time:1000});
                        $(obj).parents("tr").remove();
                    }else if(response.type == 0){
                        layer.msg(response.info,{icon:2,time:1000});
                    }
                });
            });
        }
    </script>
</body>